<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8" />
<title>Phenomenon | Blog</title>
<!-- CSS -->
<link rel="stylesheet" href="css/reset.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="css/custom.css" type="text/css" />
<link rel="stylesheet" href="css/tipsy.css" type="text/css" />
<link rel="stylesheet" href="css/superfish.css" type="text/css" />
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.1.css" type="text/css" />
<!--[if IE]>
<script src="js/html5.js"></script>
<![endif]-->
<!--[if lt IE 8]>
	<link rel="stylesheet" type="text/css" href="css/ie7.css">
<![endif]-->
<!-- Scripts -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="js/cufon-yui.js"></script>
<script src="js/jquery.easing.js"></script>
<script src="js/Harabara.js"></script>
<script src="js/superfish.js"></script>
<script src="js/css_browser_selector.js"></script>
<script src="js/jquery.cycle.all.js"></script>
<script src="fancybox/jquery.fancybox-1.3.1.pack.js"></script>
<script src="js/jquery.form.js"></script>
<script src="js/tipsy.js"></script>
<script src="js/bluz.js"></script>
</head>
<body id="sub-page">
<!-- site-wrapper START here -->
<div id="site-wrapper">
  <!-- header START here -->
  <header>
    <!-- container START here -->
    <div class="container">
      <!-- logo START here -->
      <div id="logo">
        <h1><a href="index.html"><img src="images/logo2.png" alt="" /></a></h1>
      </div>
      <!-- logo END here -->
      <div id="login-holder"> <a href="#login-box" class="sml-btn green">Login</a> </div>
      <!-- navigation START here -->
      <ul class="sf-menu">
        <li><a href="index.html">Home</a></li>
        <li><a href="page.html">Company</a>
          <ul>
            <li><a href="full-width.html">Layout Options</a></li>
            <li><a href="#">Level #3</a>
              <ul>
                <li><a href="#">Just For Demonstration Purposes</a></li>
                <li><a href="#">Demonstration</a></li>
                <li><a href="#">Purposes</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li><a href="services.html">Services</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="pricing.html">Pricing</a></li>
        <li class="current_page_item"><a href="blog.html">Blog</a>
           <ul>
              <li><a href="single.html">Single Post</a></li>
           </ul>
        </li>
        <li><a href="contact.html">Contact</a></li>
      </ul>
      <!-- navigation END here -->
      <div id="pagename">
        <div class="inside">
          <h2>Blog</h2>
          <p class="breadcrumbs">You are here : <a href="#">Home</a> / Blog</p>
        </div>
      </div>
    </div>
    <!-- container END here -->
  </header>
  <!-- header END here -->
  <!-- content START here -->
  <div id="content">
    <!-- container START here -->
    <div class="container">
      <!-- main-colum START here -->
      <div id="main-colum">
        <!-- post START here -->
        <div class="post">
          <h3><a href="single.html">Lorem ipsum dolor sit amet</a></h3>
          <div class="meta">
            <span class="category"><a href="#">News</a></span>
            <span class="date">27/05/10</span>
            <span class="comments"><a href="#">2 comments</a></span>
          </div>
          <a href="single.html">
          <img src="images/blog/1.png" alt="Item Title" class="alignleft post-img" width="635" height="175" />
          </a>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
          <a href="#" class="big-btn special" style="margin:0 auto;">Read More &rArr;</a>
        </div>
        <!-- post END here -->
        <!-- post START here -->
        <div class="post">
          <h3><a href="single.html">Lorem ipsum dolor sit amet</a></h3>
          <div class="meta">
            <span class="category"><a href="#">News</a></span>
            <span class="date">27/05/10</span>
            <span class="comments"><a href="#">2 comments</a></span>
          </div>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
          <a href="#" class="big-btn special" style="margin:0 auto;">Read More &rArr;</a>
        </div>
        <!-- post END here -->
        <!-- post START here -->
        <div class="post">
          <h3><a href="single.html">Lorem ipsum dolor sit amet</a></h3>
          <div class="meta">
            <span class="category"><a href="#">News</a></span>
            <span class="date">27/05/10</span>
            <span class="comments"><a href="#">2 comments</a></span>
          </div>
          <a href="single.html">
          <img src="images/blog/2.png" alt="Item Title" class="alignleft post-img" width="635" height="175" />
          </a>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
          <a href="#" class="big-btn special" style="margin:0 auto;">Read More &rArr;</a>
        </div>
        <!-- post END here -->
        <!-- Paging START here -->
        <div class="paging">
          <span class="selected">1</span>
          <a href="#">2</a>
          <a href="#">3</a>
          <a href="#">4</a>
          <a href="#">&gt;</a>        
        </div>
        <!-- Paging END here -->
      </div>
      <!-- main-colum END here -->
      <!-- sidebar START here -->
      <div id="sidebar">
        <ul>
          <!-- widget START here -->
          <li class="widget">
            <div class="title">
              <h5>Categories</h5>
            </div>
            <div class="content">
              <ul>
                <li><a href="#">General</a></li>
                <li><a href="#">News</a></li>
                <li><a href="#">Portfolio</a></li>
                <li><a href="#">Web Design</a></li>
                <li><a href="#">Tutorials</a></li>
                <li><a href="#">Inspiration</a></li>
                <li><a href="#">Uncategorized</a></li>
              </ul>
            </div>
          </li>
          <!-- widget END here -->
          <!-- widget START here -->
          <li class="widget">
            <div class="title">
              <h5>Testimonial</h5>
            </div>
            <div class="content">
              <blockquote>
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
                <cite>John Doe, <a href="#">Themeforest.net</a></cite></blockquote>
            </div>
          </li>
          <!-- widget END here -->
          <!-- widget START here -->
          <li class="widget">
            <div class="title">
              <h5>Archives</h5>
            </div>
            <div class="content">
              <ul>
                <li><a href="#">December 2009</a></li>
                <li><a href="#">January 2010</a></li>
                <li><a href="#">February 2010</a></li>
              </ul>
            </div>
          </li>
          <!-- widget END here -->
        </ul>
      </div>
      <!-- sidebar END here -->
    </div>
    <!-- container END here -->
  </div>
  <!-- content END here -->
</div>
<!-- site-wrapper END here -->
<!-- footer START here -->
<footer>
  <!-- container START here -->
  <div class="container">
    <div id="footer-colums">
      <!-- footer-colum1 START here -->
      <div class="footer-colum">
        <h4>Company</h4>
        <ul>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact Us</a></li>
          <li><a href="#">News</a></li>
          <li><a href="#">Jobs</a></li>
        </ul>
      </div>
      <!-- footer-colum1 END here -->
      <!-- footer-colum2 START here -->
      <div class="footer-colum">
        <h4>Useful Links</h4>
        <ul>
          <li><a href="#">Affiliate Sign Up</a></li>
          <li><a href="#">Affiliate Login</a></li>
          <li><a href="#">Control Panel Login</a></li>
        </ul>
      </div>
      <!-- footer-colum2 END here -->
      <!-- footer-colum3 START here -->
      <div class="footer-colum">
        <h4>Contact Methods</h4>
        <ul>
          <li><a href="#">Live Chat</a></li>
          <li><a href="#">support@companyname.com</a></li>
          <li><a href="#">1-800-MYCOPMANY - toll free</a></li>
          <li><a href="#">1-234-567-8901 - Local Number</a></li>
        </ul>
      </div>
      <!-- footer-colum3 END here -->
      <!-- footer-colum4 START here -->
      <div class="footer-colum no-margin">
        <h4>From The Blog</h4>
        <ul>
          <li><a href="#">New hosting plan</a></li>
          <li><a href="#">Buy hosting plan - get 1 domain for life.</a></li>
          <li><a href="#">HostingCompany celebrates 2 years!</a></li>
          <li><a href="#">August special offers</a></li>
          <li><a href="#">Hiring! we are looking for designers</a></li>
        </ul>
      </div>
      <!-- footer-colum4 END here -->
    </div>
  </div>
  <!-- container END here -->
  <!-- bottom-footer START here -->
  <div id="bottom-footer">
    <!-- container START here -->
    <div class="container">
      <p class="alignleft">&copy; 2010 All Rights Reserved.</p>
      <ul id="social-list" class="alignright">
        <li><a href="#" rel="tipsy" title="Monthly Newsletter"><img src="images/social-icons/email.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Facebook"><img src="images/social-icons/facebook.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Twitter"><img src="images/social-icons/twitter.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Flickr"><img src="images/social-icons/flickr.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Last FM"><img src="images/social-icons/lastfm.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Linked In"><img src="images/social-icons/linkedin.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Myspace"><img src="images/social-icons/myspace.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Skype"><img src="images/social-icons/skype.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Stumble Upon"><img src="images/social-icons/stumbleupon.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Youtube"><img src="images/social-icons/youtube.png" alt="" /></a></li>
      </ul>
    </div>
    <!-- container END here -->
  </div>
  <!-- bottom-footer END here -->
</footer>
<!-- footer END here -->
<div class="hidden">
  <div id="login-box">
    <form action="" method="post">
      <label for="login-username">Username:</label>
      <input type="text" name="login_username" id="login-username" />
      <label for="login-password">Password:</label>
      <input type="text" name="login_password" id="login-password" />
      <div class="submit-block"> <span class="alignleft">
        <input name="" type="checkbox" value="" class="checkbox" />
        Remember me</span> <span class="alignright">
        <input type="submit" name="submit" id="login-submit" value="Login" class="sml-btn grey" />
        </span> </div>
      <a href="#" class="lostpass">Lost your password or username?</a>
    </form>
  </div>
</div>
<script type="text/javascript"> Cufon.now(); </script>
<script src="js/init_form.js"></script>
</body>
</html>
